<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keyword" content="">

    <title></title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css.css" rel="stylesheet">
    <link href="assets/css/ace.min.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="assets/js/gritter/css/jquery.gritter.css"/>

    <!-- Custom styles for this template -->
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<section id="container">
    <section id="main-content" style="margin-left: auto">
        <section class="wrapper" style="margin-top: auto">
            <div class="row mt">
                <div class="col-xs-12">
                    <! -- BASIC PROGRESS BARS -->
                    <div class="showback">
                        <h4><i class="fa fa-angle-right"></i>第一个地方要说的内容</h4>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>

                            <div class="alert alert-success">
                                <img src="" style="width: 50%;height: 50%;"/>
                            </div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                                <span class="sr-only">20% Complete</span>
                            </div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                <span class="sr-only">60% Complete (warning)</span>
                            </div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                <span class="sr-only">80% Complete</span>
                            </div>
                        </div>
                    </div><!--/showback -->

                </div>
                <div class="col-xs-12">
                    <div class="showback">
                        <div class="widget-body">
                            <div class="widget-main no-padding">
                                <table class="table table-bordered table-striped">
                                    <thead class="thin-border-bottom">
                                    <tr>
                                        <th>
                                            <i class="ace-icon fa fa-caret-right blue"></i>name
                                        </th>

                                        <th>
                                            <i class="ace-icon fa fa-caret-right blue"></i>price
                                        </th>

                                    </tr>
                                    </thead>

                                    <tbody>
                                    <tr>
                                        <td>internet.com</td>

                                        <td>
                                            <small>
                                                <s class="red">$29.99</s>
                                            </small>
                                            <b class="green">$19.99</b>
                                        </td>

                                    </tr>

                                    <tr>
                                        <td>online.com</td>

                                        <td>
                                            <b class="blue">$16.45</b>
                                        </td>

                                    </tr>

                                    <tr>
                                        <td>newnet.com</td>

                                        <td>
                                            <b class="blue">$15.00</b>
                                        </td>

                                    </tr>

                                    <tr>
                                        <td>web.com</td>

                                        <td>
                                            <small>
                                                <s class="red">$24.99</s>
                                            </small>
                                            <b class="green">$19.95</b>
                                        </td>

                                    </tr>

                                    <tr>
                                        <td>domain.com</td>

                                        <td>
                                            <b class="blue">$12.00</b>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div><!-- /.widget-main -->
                        </div><!-- /.widget-body -->

                    </div>
                </div>

                <div class="col-xs-12">

                    <div class="showback">
                        <h4><i class="fa fa-angle-right"></i> 第二个地方要说的内容</h4>
                        <div class="widget-body">
                            <div class="widget-main no-padding">
                                <table class="table table-bordered table-striped">
                                    <thead class="thin-border-bottom">
                                    <tr>
                                        <th>
                                            <i class="ace-icon fa fa-caret-right blue"></i>name
                                        </th>
                                        <th>
                                            <i class="ace-icon fa fa-caret-right blue"></i>price
                                        </th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>internet.com</td>
                                        <td>
                                            <small>
                                                <s class="red">$29.99</s>
                                            </small>
                                            <b class="green">$19.99</b>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>online.com</td>
                                        <td>
                                            <b class="blue">$16.45</b>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div><!-- /.widget-main -->


                            </div><!-- /.widget-body -->
                            <img src="/resource/assets/img/pkgoper.png" style="width:100%;"/>

                        <h4><i class="fa fa-angle-right"></i> 第三个地方要说的内容</h4>
                        <div class="alert alert-success">
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <img src="/resource/assets/img/pkgoper2.png" style="width:100%;"/>
                        </div>
                        <h4><i class="fa fa-angle-right"></i> 第四个地方要说的内容</h4>

                        <div class="alert alert-info">
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <b class="col-xs-6">昆明收入金额：800万</b> <b class="col-xs-6"> 大理收入金额：800万</b><br>
                            <img src="/resource/assets/img/pkgoper3.png" style="width:100%;"/>
                        </div>
                        <div class="alert alert-warning"><b>Warning!</b> Better check yourself, you're not looking too
                            good.
                        </div>
                        <div class="alert alert-danger"><b>Oh snap!</b> Change a few things up and try submitting again.
                        </div>
                    </div><!-- /showback -->

                </div><!-- /col-lg-6 -->

            </div><!--/ row -->
        </section>
        <! --/wrapper -->
    </section><!-- /MAIN CONTENT -->

    <!--main content end-->
    <!--footer start-->
    <footer class="site-footer">
        <div class="text-center">
            Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
                                                                      href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
            <a href="general.html#" class="go-top">
                <i class="fa fa-angle-up"></i>
            </a>
        </div>
    </footer>
    <!--footer end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery-1.8.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>


<!--common script for all pages-->
<script src="assets/js/common-scripts.js"></script>

<!--script for this page-->
<script type="text/javascript" src="assets/js/gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="assets/js/gritter-conf.js"></script>

</body>
</html>
